<!--  -->
<template>
  <view class="empty-component">
    <view class="icon">
      <text class="iconfont">&#xe642;</text>
    </view>
    <view class="empty-text">
      {{ text }}
    </view>
  </view>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  name: "Empty",
  props: {
    text: { type: String, default: "暂无数据" }
  },
  setup(props) {
    
  }
});
</script>

<style scoped lang="scss">
.empty-component {
  width: 100vw;
  padding-top: 200rpx;
  text-align: center;
  color: #969696;
  
  .icon .iconfont {
    font-size: 100rpx;
  }
  
  .empty-text {
    margin-top: 40rpx;
  }
}
</style>